.order-body{
    width: 1000px;
    margin:20px auto;
    background-color: #FFFFFF;
    padding: 20px;
}

.orde-state-tag{
    background-color: #62D496;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    margin-bottom: 10px;
}

.el-descriptions-item__label.is-bordered-label{
    background-color: #F0F6FF !important;
    width: 160px !important;
}

.order-link-txt{
    margin-left: 5px;
    color: #5180F9;
    cursor: pointer;
}

.order-table-btns{
    text-align: right;
    margin-top:20px;
}
.title-box{
    border-left: 3px #5180F9 solid;
    height: 18px;
    padding-left: 4px;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0;
}
.info-box{
    width: 100%;
    margin: 20px 10px;
}
.info-item-box{
    height: 30px;
    line-height: 30px;
}
.info-title-box{
    display: inline-block;
    width: 130px;
}
.no-pay-box{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.on-pay-left-box{
    width: 50px;
    text-align: center;
    color: #ffffff;
    line-height: 25px;
    border-radius: 12.5px;
}
.on-pay-blue{
    background-color: #74ADFC;
}
.on-pay-grey{
    background-color: #DDDDDD;
}
.on-pay-green{
    background-color: #80C269;
}
.total-price-box{
    margin-left: 10px;
    font-size: 15px;
    color: #F95D4A;
}
.on-pay-right-box{
    width: calc(100% - 50px);
    font-size: 13px;
    line-height: 25px;
    height: 25px;
    padding-left: 10px;
}
.text-orange{
    color: #F79742;
}
.text-grey{
    font-size: 13px;
    color: #999999;
}
.detail-footer-box{
    width: 100%;
    text-align: center;
    margin: 30px 0;
}
.footer-text-box{
    margin: auto;
}
.footer-btn-box{
    margin: 20px auto;
}
